<template>
	<view >
		<u-row gutter="16" justify="center">
		<p style="margin-top: 10rpx;">{{publicMsg.title}}</p>
		</u-row>
		<u-gap height="7" margin-top="10" margin-bottom="10" bg-color="#bbb"></u-gap>
		<view style="padding: 15rpx;">
			<u-parse :html="publicMsg.content" ></u-parse>
		</view>
		<drag-button :isDock="true" ></drag-button>
	</view>
</template>
<script>
	import dragButton from '../../components/drag-button/drag-button.vue'
	export default{
		components:{dragButton},
		data(){
			return{
				id:null,
			}
		},
		onLoad(val) {
			this.id = val.id
		},
		computed:{
			publicMsg(){
				return this.$store.state.publicMsg.find(f=>f.announcementId == this.id)
			}
		}
	}
</script>

<style>

</style>
